<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Real_Estate_4_Rent</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>

<link href="<c:url value="/resources/style/advanced_search.css"/>" rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/style/leftmenu.css"/>" rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/style/style_test.css"/>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>

</head>

<body>
<!--the left menu amazon-->
<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>District 1</span></a>
		<ul class="nav_cat">
			<div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/bitexcofinal.jpg"/>);">
				 <li class='has-sub'><a href='#'><span>Apartment</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Villa</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Rooms</span></a>
				 </li>
			</div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 2</span></a>
      <ul class="nav_cat">
          <div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/Children-Book-Easter.png"/>);">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 3</span></a>
		<ul class="nav_cat">
         <div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/Children-Book-Easter.png"/>);">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Phu Nhuan</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/bitexcofinal.jpg"/>);">
         <li class='has-sub'><a href='#'><span>Apartment</span></a>
         </li>
         <li class='has-sub'><a href='#'><span>Villa</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Rooms</span></a>
         </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 7</span></a>
		<ul class="nav_cat">
        <div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/Children-Book-Easter.png"/>);">
			<li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
			</li>
            </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Tan Binh</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/bitexcofinal.jpg"/>);">
        <li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
		</li>
        </div>
      </ul>
   </li>
   <li class='active nav_divider_before'>
	   	<a href='#'><span>Passport</span></a>
        <div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='has-sub'>
   	<a href='#'><span>Visa</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li><a href='#'><span>Car</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='last'><a href='#'><span>Hotel</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
   <li class='active'><a href='#'><span>Villa for rent</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(images/Children-Book-Easter.png)"></div>
   </li>
</ul>
</div>
<!-- end the left menu-->

<div id="top_nav_fix" style="width:950px; height:80px;"></div>
<div id="top_nav">
  <div id="navigation_test">
    <ul>
      <li><a href="#">apartments for rent</a></li>
      <li><a href="#">houses for rent</a></li>
      <li><a href="#">villas for rent</a></li>
      <li><a href="#">offices for rent</a></li>
      <li><a href="#">serviced apartments for rent</a></li>
      <li><a href="#">contact us</a></li>
      <li>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/united_kingdom.jpg"/>" style="height:25px;width:30px;"><span>English</span></img>
		</a>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/vietnam.jpg"/>" style="height:25px;width:30px;"><span>Việt Nam</span></img>
		</a>
	  </li>
    </ul>
  </div>
</div>
<div id="main_container">
  <div id="background_main">
    <div id="main">
    <div id="table_advanced_search">
	<div id="table_left">
	<table border="0">
  <tbody><tr id="row_table">
    <td style="width: 120px;">Keyword:</td>
    <td width="197">
    <input type="text" name="keyword" id="keyword" style="width: 300px;"></td>
  </tr>
  <tr id="row_table">
    <td>Building:</td>
    <td>
    <input type="text" name="building" id="building" style="width: 300px;"></td>
  </tr>
  <tr id="row_table">
    <td>Search:</td>
    <td>
      <input type="checkbox" name="forRent" id="search_type">
      	<div id="name_amenity_big">
      For rent
      </div>
      <input type="checkbox" name="forSale" id="search_type">
  <div id="name_amenity_little">
    For sale
  </div></td>
  </tr>
  <tr id="row_table">
    <td height="50px" id="type_search_style">Type:</td>
    <td>
		<div id="row_table">
        <input type="checkbox" name="forRent" id="search_type">
		<div id="type">
			Apartment
		</div>
        <input type="checkbox" name="forSale" id="search_type">
		<div id="type">
			House 
		</div>
		<input type="checkbox" name="forSale" id="search_type">
		<div id="type">
			Villa
		</div>
		</div>
        <input type="checkbox" name="forSale" id="search_type">
		<div id="type_special">
			Serviced Apartment
		</div>
        <input type="checkbox" name="forSale" id="search_type">
		<div id="type">
			Resort
		</div>
	</td>
  </tr>
  <tr id="row_table">
    <td height="30">Location:</td>
    <td>
        <select name="city" id="city" style="
    width: 150px;
">
          <option value="allcity">--All City--</option>
          <option value="hochiminh">Ho Chi Minh</option>
          <option value="Danang">Da Nang</option>
          <option value="Hanoi">Ha Noi</option>
        </select>
        <select name="district" id="district" style="
    width: 150px;
">
          <option value="all district">--All District--</option>
          <option value="district 1">District 1</option>
          <option value="district 2">District 2</option>
        </select>
</td>
  </tr>
    </tbody></table>
    </div>
    <div id="table_right">
    <table border="0">
   <tbody><tr id="row_table">
    <td style="
    width: 120px;
">Bedroom:</td>
    <td>
        <select name="bedroom" id="bedroom" style="
    width: 150px;
">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
    </select></td>
  </tr>
  <tr id="row_table">
    <td height="30">Price:</td>
    <td>
        <select name="price" id="price" style="
    width: 150px;
">
          <option value="<500">&lt;500</option>
          <option value="500-1000">500-1000</option>
          <option value=">1000">&gt;1000</option>
    </select></td>
  </tr>
  <tr id="row_table"> 
    <td height="50px" id="type_search_style">Amenities:</td>
    <td>
	<div id="row_table">
          <input type="checkbox" name="security" value="Security" id="amenity_feature">
  <div id="name_amenity_feature">Security</div>
          <input type="checkbox" name="frontyard" value="Frontyard" id="amenity_feature">
  <div id="name_amenity_feature">Front yard</div>
  </div>
  <div id="row_table">
          <input type="checkbox" name="nearschool" value="nearschool" id="amenity_feature">
  <div id="name_amenity_feature">Near school</div>
          <input type="checkbox" name="shoppingcenter" value="shopping center" id="amenity_feature">
  <div id="name_amenity_feature">Shopping Center</div>
  </div>
  <div id="row_table">
          <input type="checkbox" name="garden" value="Garden" id="amenity_feature">
  <div id="name_amenity_feature">Garden</div>
          <input type="checkbox" name="parking" value="parking" id="amenity_feature">
  <div id="name_amenity_feature">Parking</div>
  </div>
  <div id="row_table">
        <input type="checkbox" name="hospital" value="hospital" id="amenity_feature">
	<div id="name_amenity_feature">Hospital</div>
          <input type="checkbox" name="internet" value="internet" id="amenity_feature">
	<div id="name_amenity_feature">Internet</div>
	</div>
	<div id="row_table">
        <input type="checkbox" name="hospital" value="hospital" id="amenity_feature">
		<div id="name_amenity_feature">Balcony</div>
			<input type="checkbox" name="internet" value="internet" id="amenity_feature">
		<div id="name_amenity_feature">Terrace</div>
	</div>
	</td>
  </tr>
</tbody></table>

    </div>
	<div id="advanced_properties">Search Properties</div>
	</div>
    </div>  
	</div>
</div>
<!--end main_container-->
	<div id="product_area_footer" class="villa_area">
		<div id="name_property_footer">
			<div id="option_menu">
				<ul id="nav">
				  <li><a href="#">passport</a></li>
				  <li><a href="#">hotel</a></li>
				  <li><a href="#">rent car</a></li>
				  <li><a href="#">school</a></li>
				</ul>
			</div>
		</div>		
	</div>
	<div id="fullsupport">
		<strong>For more information contact with Mr Phuc: 0904 674 199</strong>
	</div>
</body>
</html>
